@charset "utf-8";
.index-notice {

}
.index-notice-in {
	width: 1200px;
	margin: 30px auto 0px;
	background:#f5f5f5;
	height:60px;
}
.index-notice-title {
	line-height:60px;
	font-size:20px;
	width:140px;
	text-align:center;
	float:left;
	background:var(--main);
	color:#ffffff;
}
.index-notice-in .notice {
	padding-left:20px;
	height:60px;
	line-height:60px;
	float:left;
	width:1020px;
	white-space: nowrap;
}

.index-tj {
}
.index-tj-in {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0px;
}
.index-tj-box {
	width: 590px;
	height:394px;
	font-size:16px;
	position:relative;
}
.index-tj-box img {
	width:590px;
	height:394px;
}
.index-tj-box .txt-bg {
	position:absolute;
	width:590px;
	bottom:0px;
	background-color: #333333;
	height:40px;
	line-height:40px;
	text-align:center;
	opacity:0.6;
}
.index-tj-box .txt {
	position:absolute;
	width:590px;
	bottom:0px;
	height:40px;
	line-height:40px;
	text-align:center;
	z-index:1;
}
.index-tj a {
	color:#ffffff;
}

.index-tt {
}
.index-tt-in {
	width:1200px;
	height:310px;
	padding:20px;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 0 0 20px #ddd;
	margin:30px auto 0;
}
.index-tt-l {
	float:left;
	width:405px;
}
.index-tt-r {
	float:left;
	width:735px;
	padding-left:20px;
	color:#666666;
}
.index-tt-r h2 {
	font-size:20px;
	margin-bottom:15px;
}
.index-tt-r h2 a {
	color:#333333;
}
.index-tt-r p {
	height:150px;
	line-height:24px;
	overflow:hidden;
}
.index-tt-r-other {
	margin-top:15px;
}
.index-tt-r li {
	float:left;
	margin-left:20px;
	width:240px;
	text-align:center;
	color:#ffffff;
	height:50px;
	line-height:50px;
}
.index-tt-r li a {
	display:block;
	color:#ffffff;
	border-radius:50px;
}
.index-tt-r li.bg-red a {
	background:var(--main);
}
.index-tt-r li.bg-blue a {
	background:#ff4e00;
}
.index-tt-r li a:hover {
	background:#ff7300;
}

.tit {
	border-left:var(--main) 6px solid;
	border-bottom:#dedede 1px solid;
	height:50px;
	line-height:50px;
	padding-left:20px;
	font-size:18px;
	margin-bottom:20px;
}
.tit span {
	font-size:14px;
	float:right;
}
.tit span a {
	color:#666666;
}
.index-news {

}
.index-news-in {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0px;
}
.index-news-box {
	width: 580px;
	overflow:hidden;
	font-size:16px;
}
.index-news-box .pics {
	float:left;
	width:240px;
}
.index-news-box img {
	float:left;
	width:240px;
	height:160px;
	margin-top:14px;
}
.index-news-box ul {
	float:left;
	width:320px;
	padding-left:20px;
}
.index-news-box ul li {
	line-height:40px;
	font-size:14px;
}
.index-news-box ul li .fl {
	float:left;
	width:240px;
	overflow:hidden;
	height:40px;
}
.index-news-box ul li .fr {
	float:right;
	color:#999999;
	font-size:13px;
}

.index-news2 {

}
.index-news2-in {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0px;
}
.index-news2-box {
	width: 580px;
	overflow:hidden;
	font-size:16px;
}
.index-news2-box .pics {
	float:left;
	display: flex;
	justify-content: space-between;
	width:580px;
}
.index-news2-box img {
	float:left;
	width:276px;
	height:184px;
}
.index-news2-box ul {
	float:left;
	width:589px;
	padding-top:14px;
}
.index-news2-box ul li {
	float:left;
	width:580px;
	overflow:hidden;
	height:40px;
	line-height:40px;
	font-size:14px;
}
.index-news2-box ul li .fl {
	float:left;
	width:480px;
}
.index-news2-box ul li .fr {
	float:right;
	color:#999999;
	font-size:13px;
}

.index-tong {

}
.index-tong-in {
	width: 1200px;
	margin: 30px auto 0px;
}
.index-tong-in img {
	max-width:100%;
	height:auto;
}

.index-pics {

}
.index-pics-in {
	width: 1200px;
	margin: 30px auto 0px;
}
.index-pics .swiper-wrapper {

}
.index-pics .swiper-slide{
	display:inline-block;
	vertical-align:top;
}
.index-pics .pic {
	width:100%;
	height:266px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50%;
	margin-bottom:10px;
	transition:all .2s
}
.index-pics .title {
	text-align:center;
}
.pics-button-prev {
	color: var(--main) !important;
	background: none!important;
	position: relative;
}
.pics-button-prev::after {
	font-family: 宋体;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	left: 0;
	top: -30px;
	width: 100%;
	height: 100%;
}
.pics-button-next {
	color: var(--main) !important;
	background: none!important;
	position: relative;
}
.pics-button-next::after {
	font-family: 宋体;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 92px;
	position: absolute;
	left: 0;
	top: -30px;
	width: 100%;
	height: 100%;
}

.index-zixun {

}
.index-zixun-in {
	width: 1200px;
	margin: 30px auto 0px;
}
.index-zixun-tit {
	border-left:var(--main) 6px solid;
	border-bottom:#dedede 1px solid;
	height:50px;
	line-height:50px;
	padding-left:20px;
	font-size:18px;
	margin-bottom:20px;
}
.index-zixun-tit span {
	font-size:14px;
	float:right;
}
.index-zixun-tit span a {
	color:#666666;
}
.index-zixun-box {
	display: flex;
	justify-content: space-between;
}
.index-zixun-box-img {
	width:240px;
}
.index-zixun-box-img img {
	width:240px;
	height:160px;
}
.index-zixun-box-txt {
	width:960px;
}
.index-zixun-box-txt li {
	float:left;
	width:440px;
	padding-left:40px;
	line-height:40px;
}
.index-zixun-box-txt li a {
	float:left;
	width:360px;
	height:40px;
	overflow:hidden;
}
.index-zixun-box-txt li .fr {
	float:right;
	color:#999999;
}
.index-zixun2 {

}
.index-zixun2-in {
	width: 1200px;
	margin: 30px auto 0px;
}
.index-zixun2-tit {
	border-left:var(--main) 6px solid;
	background:#f5f5f5;
	height:50px;
	line-height:50px;
	padding-left:20px;
	font-size:18px;
	margin-bottom:20px;
}
.index-zixun2-tit span {
	font-size:14px;
	float:right;
	padding-right:14px;
	padding-top:12px;
}
.index-zixun2-tit span a {
	color:#ffffff;
	background:var(--main);
	display:block;
	width:90px;
	height:26px;
	line-height:26px;
	text-align:center;
	border-radius:30px;
}
.index-zixun2-tit span a:hover {
	background:#ff7300;
}
.index-zixun2-box {
	display: flex;
	justify-content: space-between;
}
.index-zixun2-box-img {
	width:240px;
}
.index-zixun2-box-img img {
	margin-top:14px;
	width:240px;
	height:160px;
}
.index-zixun2-box-txt {
	width:960px;
}
.index-zixun2-box-txt li {
	float:left;
	width:440px;
	padding-left:40px;
	line-height:40px;
}
.index-zixun2-box-txt li a {
	float:left;
	width:360px;
	height:40px;
	overflow:hidden;
}
.index-zixun2-box-txt li .fr {
	float:right;
	color:#999999;
}

.index-list {

}
.index-list-in {
	width: 1180px;
	margin: 30px auto 0px;
	overflow:hidden;
	background:#f5f5f5;
	padding-right:20px;
}
.index-list-tit {
	border-left:var(--main) 6px solid;
	height:50px;
	line-height:50px;
	padding-left:20px;
	font-size:18px;
}
.index-list-tit span {
	font-size:14px;
	float:right;
}
.index-list-tit span a {
	color:#666666;
}
.index-list-box {
	float:left;
	width:1160px;
	margin-left:20px;
	border-top:#dedede 1px dotted;
	padding-bottom:15px;
	padding-top:15px;
}
.index-list-box .picture {
	float: left;
	width: 260px;
	height: 130px;
	overflow: hidden;
	min-width: 230px;
	max-width: 230px;
}
.index-list-box img {
	width:240px;
	height:auto;
	float:left;
	margin-right:20px;
}
.index-list-box h3 {
	font-size:20px;
}
.index-list-box p {
	margin-top:15px;
	line-height:1.8;
	color:#666666;
}
.index-list-box p.other {
	text-align:right;
}
.index-list-box p span {
	font-size:14px;
	margin-left:15px;
}

.index-imgs {
}
.index-imgs-in {
	width: 1180px;
	margin: 30px auto 0px;
	background:#f5f5f5;
	padding-right:20px;
	padding-bottom:6px;
	overflow:hidden;
}
.index-imgs-tit {
	border-left:var(--main) 6px solid;
	height:50px;
	line-height:50px;
	padding-left:20px;
	font-size:18px;
	margin-bottom:15px;
}
.index-imgs-tit span {
	font-size:14px;
	float:right;
}
.index-imgs-tit span a {
	color:#666666;
}

.index-imgs-box {
	padding-left:20px;
	width: 1160px;
	display: flex;
	justify-content: space-between;
	margin-bottom:20px;
}
.index-imgs-box dl {
	background-color: #fff;
	width: 280px;
	box-sizing: border-box;
	box-shadow: 0 0 20px #ddd;

	padding: 50px 20px;
}
.index-imgs-box dl dt {
	font-size: 20px;
	text-align: center;
	font-weight: 350;
	height:32px;
	overflow:hidden;
}
.index-imgs-box dl dt a {
	color:var(--main);
}
.index-imgs-box dl .pinfo {
	padding: 20px 0;
	line-height: 1.5;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
}
.index-imgs-box dl .pimg {
	text-align: center;
}
.index-imgs-box dl .pimg img {
	width: 200px;
	display: inline-block;
	box-shadow: 0 0 20px #999;
	height: 200px;
	border: 2px solid #f5f5f5;;
	padding: 5px;
	border-radius: 50%;
}

.index-two-pics {
	margin-top:30px;
}
.index-two-pics-in {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 20px auto 0px;
}
.index-two-pics-box {
	width:590px;
}
.index-two-pics-box img {
	width:590px;
	height:394px;
}
.index-two-pics-contact {
	width: 1000px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0px;
}
.index-two-pics-contact-box {
	width:240px;
	padding:20px;
	padding-top:40px;
	padding-bottom:40px;
	border:var(--main) 1px solid;
	position:relative;
	background:var(--light);
}
.index-two-pics-contact-box-t {
	background:var(--main);
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:15px;
	position:absolute;
	top:-15px;
	left:120px;
	text-align:center;
	color:#ffffff;
}
.index-two-pics-contact-box p {
	text-align:center;
	font-size:24px;
}
.index-two-pics-contact-box p span {
	font-size:40px;
	color:var(--main);
}
.index-two-pics-contact-box-ewm {
	display:none;
	position:absolute;
	top:-80px;
	left:50px;
}
.index-two-pics-show-weixin:hover .index-two-pics-contact-box-ewm {
	display: block;
}
.index-two-pics-contact-box-ewm img {
	width:180px;
	height:180px;
}

.index-three-pics {
	margin-top:30px;
}
.index-three-pics-in {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0px;
	margin-top:10px;
}
.index-three-pics-box {
	width:390px;
}
.index-three-pics-box img {
	width:390px;
	height:260px;
}
.index-cate-tong {

}
.index-cate-tong-in {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0px;
}
.index-cate-tong-pic {
	width:400px;
}
.index-cate-tong-box {
	width:780px;
}
.index-cate-tong-box .title {
	width:780px;
	height:50px;
	line-height:50px;
	background:#f5f5f5;
	margin-bottom:20px;
}
.index-cate-tong-box .title span {
	display:inline-block;
}
.index-cate-tong-box .title-en {
	height:50px;
	padding-left:20px;
	padding-right:20px;
	background:var(--main);
	color:#ffffff;
	font-size:20px;
}
.index-cate-tong-box .title-chs {
	padding-left:20px;
	font-size:20px;
}
.index-cate-tong-box .title-more {
	float:right;
	padding-right:20px;
}
.index-cate-tong-box .index-cate-tong-con {
	width:780px;
	display: flex;
	justify-content: space-between;
	line-height:40px;
	height:40px;
	overflow:hidden;
}
.index-cate-tong-box .fl {
	width:600px;
}
.index-cate-tong-box .fr {
	width:100px;
	text-align:right;
	color:#999999;
}

.index-hot {

}
.index-hot-in {
	width: 1200px;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
}
.index-hot-in .left {
	width: 240px;
	background-color: #fff;
	box-shadow: 0 0 20px #ddd;
	margin-right: 20px;
	margin-bottom:20px;
}
.index-hot-in .left dl {
	background-color: var(--main);
	padding: 30px 25px;
}
.index-hot-in .left dl dt {
	font-size: 24px;
	color: #fff;
}
.index-hot-in .left dl dd {
	padding-top: 15px;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}
.index-hot-in .left ul li {
	position: relative;
}
.index-hot-in .left ul li a {
	display: flex;
	padding: 25px;
	border-bottom: 1px solid #f2f2f2;
	z-index: 999;
	position: relative;
}
.index-hot-in .left ul li::before {
	position: absolute;
	content: " ";
	width: 0%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #f9f9f9;
}
.index-hot-in .left ul li:hover::before {
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	transition: all 300ms linear;
	z-index: 1;
	box-shadow: 0 0 15px #ddd inset;
	top: 0;
	left: 0;
	background-color: #f9f9f9;
}
.index-hot-in .left strong {
	font-size: 22px;
	padding: 25px 0 25px 25px;
	display: flex;
	align-items: center;
}
.index-hot-in .left strong span {
	margin-right: 10px;
	font-size: 28px;
}
.index-hot-in .left strong em {
	color: var(--main);
}
.index-hot-in .right {
	flex: 1;
	min-height: 450px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
}
.index-hot-in .right .libox {
	width: 300px;
	padding-bottom: 20px;
	margin: 0 20px 20px 0;
	box-shadow: 0 0 20px #ddd;
	background-color: #fff;
}
.index-hot-in .right .libox:nth-child(3n) {
	margin-right: 0;
}
/*.index-hot-in .right .libox:nth-child(4),*/
/*.index-hot-in .right .libox:nth-child(5),*/
/*.index-hot-in .right .libox:nth-child(6) {*/
/*	margin-bottom: 0;*/
/*}*/
.index-hot-in .right .libox .img {
	width: 100%;
	height: 200px;
	overflow: hidden;
	display: block;
}
.index-hot-in .right .libox .img img {
	width: 100%;
	height: 200px;
}
.index-hot-in .right .libox .img img:hover {
	transition: all 300ms linear;
	transform: scale(1.1);
}
.index-hot-in .right .libox dl dt {
	height:40px;
	margin-bottom:10px;
	overflow:hidden;
}
.index-hot-in .right .libox dl dt a {
	display: flex;
	justify-content: center;
	padding: 15px;
}
.index-hot-in .right .libox dl dd {
	display: flex;
	justify-content: center;
}
.index-hot-in .a1 {
	background-color: #999999;
	color: #fff;
	padding: 9px 15px;
	font-size: 12px;
	margin: 0 15px;
}
.index-hot-in .a1:hover {
	background-color: var(--main-dark);
}
.index-hot-in .a2 {
	background-color: var(--main);
	color: #fff;
	padding: 9px 15px;
	font-size: 12px;
	margin: 0 15px;
}
.index-hot-in .a2:hover {
	background-color: var(--main-dark);
}